.fade-enter-active {
  -webkit-animation: fadein .35s ease-in;
  animation: fadein .35s ease-in;
}

.fade-leave-active {
  -webkit-animation: fadeout .25s ease-out;
  animation: fadeout .25s ease-out;
}

.fade-top-enter-active {
  -webkit-animation: fadeTin .35s ease-in;
  animation: fadeTin .35s ease-in;
}

.fade-top-leave-active {
  -webkit-animation: fadeTout .25s ease-out;
  animation: fadeTout .25s ease-out;
}

.fade-bottom-enter-active {
  -webkit-animation: fadeBin .35s ease-in;
  animation: fadeBin .35s ease-in;
}

.fade-bottom-leave-active {
  -webkit-animation: fadeBout .25s ease-out;
  animation: fadeBout .25s ease-out;
}

.fade-center-enter-active {
  -webkit-animation: bouncein .35s ease-in;
  animation: bouncein .35s ease-in;
}

.fade-center-leave-active {
  -webkit-animation: bounceout .25s ease-out;
  animation: bounceout .25s ease-out;
}

.fade-left-enter-active {
  -webkit-animation: fadeLin .35s ease-in;
  animation: fadeLin .35s ease-in;
}

.fade-left-leave-active {
  -webkit-animation: fadeLout .25s ease-out;
  animation: fadeLout .25s ease-out;
}

.fade-right-enter-active {
  -webkit-animation: fadeRin .35s ease-in;
  animation: fadeRin .35s ease-in;
}

.fade-right-leave-active {
  -webkit-animation: fadeRout .25s ease-out;
  animation: fadeRout .25s ease-out;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes progress-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}
@keyframes progress-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeTin {
  0% {
    -webkit-transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeTin {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeTout {
  0% {
    -webkit-transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes fadeTout {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes fadeBin {
  0% {
    -webkit-transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeBin {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeBout {
  0% {
    -webkit-transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(100%);
  }
}
@keyframes fadeBout {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateY(100%);
  }
}
@-webkit-keyframes fadeLin {
  0% {
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeLin {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeLout {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes fadeLout {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes fadeRin {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeRin {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeRout {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes fadeRout {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}
@-webkit-keyframes fadePin {
  0% {
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes fadePin {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes fadePout {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes fadePout {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes bouncein {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes bouncein {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bounceout {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@keyframes bounceout {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
    opacity: 0;
  }
}
